<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html">
<h:body>
	<section id="main-slider" class="no-margin carousel slide"
		data-ride="carousel">
	<div class="carousel slide">
		<ol class="carousel-indicators">
			<li data-target="#main-slider" data-slide-to="0" class="active"></li>
			<li data-target="#main-slider" data-slide-to="1"></li>
			<li data-target="#main-slider" data-slide-to="2"></li>
			<li data-target="#main-slider" data-slide-to="3"></li>
			<li data-target="#main-slider" data-slide-to="4"></li>
			<li data-target="#main-slider" data-slide-to="5"></li>
		</ol>
		<div class="carousel-inner">

			<div class="item active"
				style="background-image: url(#{resource['images/slider/bg1.jpg']})">
				<div class="container">
					<div class="row slide-margin">
						<div class="col-sm-6">
							<div class="carousel-content">
								<div class="carousel-content-background">
									<h1 class="animation animated-item-1">
										<a href="#">Da Nang Nightlife <br/> Photo</a>
									</h1>
									<h2 class="animation animated-item-2">
										WHEN: 01:00pm – 03:00pm Saturday, August 16th, 2014<br />WHERE:
										235/30 Ong Ich Khiem Str., Hai Chau Dist., Da Nang
									</h2>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--/.item-->

			<div class="item"
				style="background-image: url(#{resource['images/slider/bg2.jpg']})">
				<div class="container">
					<div class="row slide-margin">
						<div class="col-sm-6">
							<div class="carousel-content">
								<div class="carousel-content-background">
									<h1 class="animation animated-item-1">
										<a href="#">[Knowledge Sharing] Bootstrap &amp; AngularJS</a>
									</h1>
									<h2 class="animation animated-item-2">
										WHEN: 01:00pm – 03:00pm Saturday, August 16th, 2014<br />WHERE:
										235/30 Ong Ich Khiem Str., Hai Chau Dist., Da Nang
									</h2>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--/.item-->

			<div class="item"
				style="background-image: url(#{resource['images/slider/bg3.jpg']})">
				<div class="container">
					<div class="row slide-margin">
						<div class="col-sm-6">
							<div class="carousel-content">
								<div class="carousel-content-background">
									<h1 class="animation animated-item-1">
										<a href="#">Da Nang by night <br/> Photo</a>
									</h1>
									<h2 class="animation animated-item-2">
										WHEN: 01:00pm – 03:00pm Saturday, August 16th, 2014<br />WHERE:
										235/30 Ong Ich Khiem Str., Hai Chau Dist., Da Nang
									</h2>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--/.item-->

			<div class="item"
				style="background-image: url(#{resource['images/slider/bg4.jpg']})">
				<div class="container">
					<div class="row slide-margin">
						<div class="col-sm-6">
							<div class="carousel-content">
								<div class="carousel-content-background">
									<h1 class="animation animated-item-1">
										<a href="#">Job fair at DTU, Da Nang - May 31, 2014
										</a>
									</h1>
									<h2 class="animation animated-item-2">
										WHEN: 08:00am – 11:00am Saturday, May 31th, 2014<br />
										WHERE: 182 Nguyen Van Linh Str., Hai Chau Dist., Da Nang
									</h2>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--/.item-->

			<div class="item"
				style="background-image: url(#{resource['images/slider/bg5.jpg']})">
				<div class="container">
					<div class="row slide-margin">
						<div class="col-sm-6">
							<div class="carousel-content">
								<div class="carousel-content-background">
									<h1 class="animation animated-item-1">
										<a href="#">Da Nang by night <br/> Photo</a>
									</h1>
									<h2 class="animation animated-item-2">
										WHEN: 01:00pm – 03:00pm Saturday, August 16th, 2014<br />WHERE:
										235/30 Ong Ich Khiem Str., Hai Chau Dist., Da Nang
									</h2>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--/.item-->

			<div class="item"
				style="background-image: url(#{resource['images/slider/bg6.jpg']})">
				<div class="container">
					<div class="row slide-margin">
						<div class="col-sm-6">
							<div class="carousel-content">
								<div class="carousel-content-background">
									<h1 class="animation animated-item-1">
										<a href="#">Workshop at W-Love coffee, Support for about the AngularJS</a>
									</h1>
									<h2 class="animation animated-item-2">
										WHEN: 07:30pm – 11:00pm Saturday, August 02th, 2014<br />
										WHERE: 5B Quang Trung Str., Hai Chau Dist., Da Nang
									</h2>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--/.item-->
		</div>
		<!--/.carousel-inner-->
	</div>
	<!--/.carousel--> <a class="prev hidden-xs" href="#main-slider"
		data-slide="prev"> <i class="fa fa-chevron-left"></i>
	</a> <a class="next hidden-xs" href="#main-slider" data-slide="next"> <i
		class="fa fa-chevron-right"></i>
	</a> </section>
</h:body>
</html>